<template>
  <div class="about">
    <h1>关于应用</h1>
    <div>本应用为个人使用，主要提供个人理财和生活相关工具以及技术尝试！</div>
  </div>
</template>

<script setup>
  import { useStore } from 'vuex';
  import { onMounted } from 'vue';

  const $store = useStore();

  onMounted(() => {
    $store.commit('navigateBack', { path: '/settings' });
    $store.commit('navigateTitle', `关于`);
  });
</script>

<style lang="less" scoped>
  .about {
    background: #fff;
    padding: 0 10px;
    border-radius: 5px;

    > h1 {
      padding: 8px 0;
      margin: 0;
      border-bottom: 1px solid #ccc;
    }

    > div {
      padding: 8px 0;
      text-indent: 2em;
      font-size: 16px;
    }
  }
</style>
